﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    RegistrarContratoPreventivo
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <h2>Registro Contrato Preventivo</h2><br />
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />

    <link rel="stylesheet" href="../../Content/jPages.css" /> <%--para la paginacion--%>
    <script src="../../Scripts/jPages.js"></script> <%--para la paginacion--%>

    <script src="../../../Scripts/Validaciones.js" type="text/javascript"></script>  
    <script src="../../Scripts/ContratoPreventivo.js" type="text/javascript"></script>
    <link rel="Stylesheet" type="text/css" media="screen" href="../../../Content/MantenimientoPreventivo.css" />

<div id = "registro">
                        <label class="dialogoError">Los campos con (*) son obligatorios</label><br></br>
                        <label>Edificio(*)</label>
                        <input type="text" id="EdificioAutocompletado" class="text ui-widget-content ui-corner-all" style="width:325px" readonly="readonly"/>
                        <button id="BuscarEdificio" style="margin-left:auto; margin-right:auto;">Edificio</button>
                        <label id="iteracion" style="visibility: hidden"></label>
                        <br></br>

                        <label>Proveedor(*)</label>
                        <input type="text" id="ProveedorAutocompletado" 
                            class="text ui-widget-content ui-corner-all" style="width:325px" 
                            readonly="readonly"/>
                        <button id="BuscarProveedor" style="margin-left:auto; margin-right:auto;">Proveedor</button>
                        <br></br>

                        <label>Fecha Registro(*)</label>
                        <input type="text" id="FechaRegistroR" class="text ui-widget-content ui-corner-all" readonly="readonly" style="width:325px"/>
                        <label class="errorLabel" id="errorFechaRegistroR"></label><br></br>

                        <label>Fecha Inicial(*)</label>
                        <input type="text" id="FechaInicialR" class="text ui-widget-content ui-corner-all" readonly="readonly" style="width:325px"/>
                        <label class="errorLabel" id="errorFechaInicialR"></label><br></br>

                        <label>Fecha Final(*)</label>
                        <input type="text" id="FechaFinalR" class="text ui-widget-content ui-corner-all" readonly="readonly" style="width:325px"/>
                        <label class="errorLabel" id="errorFechaFinalR"></label><br></br>

                        <label>Periodo(*)</label>
                        <select id="SelectPeriodo" class="text ui-widget-content ui-corner-all">
                            <option></option>
                            <option>Mensual</option>
                            <option>Bimenstral</option>
                            <option>Trimestral</option>
                            <option>Cuatrimestral</option>
                            <option>Semestral</option>
                            <option>Anual</option>
                        </select><br></br>

                        <label>Descripción</label>
                        <textarea id="DescripcionR" class="text ui-widget-content ui-corner-all" rows="4" cols="30" style="width:325px"></textarea>
                        <br></br>
                        <br></br>
                        <br></br>
                        <label class="dialogoError">La tabla debe contener como minimo un mantenible</label><br></br>
                        <div>
                            <table id='tablaMant' style="margin-left:auto; margin-right:auto;"> <%--para la paginacion es importante el id--%>
                                <thead>
                                    <tr>
                                        <th>Codigo Mantenible</th>
                                        <th>Nombre</th>
                                        <th>Tipo Mantenible</th>
                                        <th>Area Comun</th>
                                        <th class="style1" style="width:30px;"></th>
                                    </tr>
                                </thead>
                                <tbody id="bodyTablaMant">
                                    <tr id="Fila1">
                                        <td class="idMantenible" id="idMantenible1"></td>
                                        <td class="NombreMantenible" id="NombreMantenible1"></td>
                                        <td class="TipoMantenible" id="TipoMantenible1"></td>
                                        <td class="AreaComun" id="AreaComun1"></td>
                                        <td class="style1" style="width:30px;" align="center"><button class="Buscar" id="1" style="margin-left:auto; margin-right:auto;">Mantenible</button></td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>

                        <div class="holder" id="holder1"></div> <%--para la paginacion usar la clase holder--%>

                        <%--<div style="border: 0px;" id="NavPosicionCP"></div>--%>
                        <div>
                            <label>Agregar mantenibles?</label>
                            <button style="margin-left:10px;" id="AddMantenible">Agregar</button>
                            <button id="DelMantenible">Eliminar</button>
                        </div>
                        <br />
                        <br />

                        <%--<div>
                            <table style="margin-left:auto; margin-right:auto;">
                                <thead>
                                    <tr>
                                        <th>Nombre</th>
                                    </tr>
                                </thead>
                                <tbody id="cuerpo">
                                    <tr><td class="NombreMantible" id="Td3">NombreMantenible</td></tr>
                                    <tr><td class="NombreMantible" id="Td1">NombreMantenible</td></tr>
                                    <tr><td class="NombreMantible" id="Td2">NombreMantenible</td></tr>
                                    <tr><td class="NombreMantible" id="Td4">NombreMantenible</td></tr>
                                    <tr><td class="NombreMantible" id="Td5">NombreMantenible</td></tr>
                                    <tr><td class="NombreMantible" id="Td6">NombreMantenible</td></tr>
                                    <tr><td class="NombreMantible" id="Td7">NombreMantenible</td></tr>
                                    <tr><td class="NombreMantible" id="Td8">NombreMantenible</td></tr>
                                    <tr><td class="NombreMantible" id="Td9">NombreMantenible</td></tr>
                                    <tr><td class="NombreMantible" id="Td10">NombreMantenible</td></tr>
                                    <tr><td class="NombreMantible" id="Td11">NombreMantenible</td></tr>
                                    <tr><td class="NombreMantible" id="Td12">NombreMantenible</td></tr>
                                    <tr><td class="NombreMantible" id="Td13">NombreMantenible</td></tr>
                                    <tr><td class="NombreMantible" id="Td14">NombreMantenible</td></tr>
                                    <tr><td class="NombreMantible" id="Td15">NombreMantenible</td></tr>
                                    <tr><td class="NombreMantible" id="Td16">NombreMantenible</td></tr>
                                    <tr><td class="NombreMantible" id="Td17">NombreMantenible</td></tr>
                                    <tr><td class="NombreMantible" id="Td18">NombreMantenible</td></tr>
                                    <tr><td class="NombreMantible" id="Td19">NombreMantenible</td></tr>
                                    <tr><td class="NombreMantible" id="Td20">NombreMantenible</td></tr>
                                    <tr><td class="NombreMantible" id="Td21">NombreMantenible</td></tr>
                                    <tr><td class="NombreMantible" id="Td22">NombreMantenible</td></tr>
                                    <tr><td class="NombreMantible" id="Td23">NombreMantenible</td></tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="holder" id="holder2">
                        </div>--%>
                        
                        <br></br>
                       
                        <input type="submit" id = "botonRegistroCP" value="Registrar" class="submit-button" style="margin-left:auto; width:auto;"/>
                        <input type="submit" id = "botonCancelarCP" value="Cancelar" class="submit-button" style="margin-left:5px; margin-right:auto; width:auto;"/>
</div> 

<div id="modalBuscarMant" title="BUSCAR MANTENIBLE">
    <p class="validateTips">Por favor ingrese los campos que usted cree necesarios.</p>
 
    <fieldset>
        <label for="EdificioMant">Edificio</label>
        <input type="text" id="EdificioMant" class="text ui-widget-content ui-corner-all" style="width:325px"/>
        <label id="numBuscar" style="visibility: hidden"></label>
        <%--<select id="EdificioMant" onchange="cargarAreasComunes()" class="text ui-widget-content ui-corner-all"></select>--%>
        <br></br>

        <label for="TipoMant">Tipo</label>
        <%--<input type="text" id="TipoMant" value="" class="text ui-widget-content ui-corner-all" style="width:325px"/>--%>
        <input name="TipoMant" type="radio" value="1" style="width:20px;" class="text ui-widget-content ui-corner-all"/><label style="width:50px; margin-left:auto; text-align:left">Activo</label>
        <input name="TipoMant" type="radio" value="2" style="width:20px;" class="text ui-widget-content ui-corner-all"/><label style="width:100px;  text-align:left">No Activo</label>
        <br></br>
        
        <label for="AreaComunMant">Area Comun</label> 
        <%--<input id="AreaComunMant" class="text ui-widget-content ui-corner-all" style="width:325px"/>--%>
        <select id="AreaComunMant" class="text ui-widget-content ui-corner-all"></select>
        <br></br>
        
        <input type="submit" id = "BotonBuscarMant" value="Buscar" class="submit-button" style="margin-left:350px; width:auto;"/>
        <input type="submit" id = "BotonLimpiarMant" value="Limpiar" class="submit-button" style="margin-left:5px; margin-right:auto; width:auto;" onclick="refrescarMant()"/>
        <%--<button id="BotonBuscar" style="margin-left:auto; margin-right:auto;">Buscar</button>--%>
    </fieldset>
        
        <div id="users-contain" class="ui-widget"></div>
        <div id = "tablaDinamicaMantenible" align="center"></div>
        <div class="holder" id="holderMantenible" align="center"></div>
        <%--<div style="border: 0px;" id="Div1"></div>--%>
</div>

<div id="edificioModal" title="BUSCAR EDIFICIO">
    <label for="Nombre">Nombre:</label>
    <input type="text" id="Nombre" class="text ui-widget-content ui-corner-all" maxlength="50"/><br></br>
                               
    <label for="Departamento">Departamento:</label>
    <select id="Departamento" onchange="cargarProvincias()" class="text ui-widget-content ui-corner-all"></select><br></br>

    <label for="Provincia" >Provincia:</label>
    <select id="Provincia" onchange="cargarDistritos()" class="text ui-widget-content ui-corner-all"></select><br></br>

    <label for="Distrito">Distrito:</label>
    <select id="Distrito" class="text ui-widget-content ui-corner-all"></select><br></br>
         
    <label for="Direccion">Dirección:</label>
    <input type="text" id="Direccion" class="text ui-widget-content ui-corner-all" maxlength ="50"/><br></br>

    <%--<label for="Telefono">Teléfono:</label>
    <input type="text" id="Telefono" class="text ui-widget-content ui-corner-all" maxlength ="16"/><br></br>--%>

    <label for="Contometro">Contometro:</label>
    <input name="Contometro" type="radio" value="1" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left">Si</label>
    <input name="Contometro" type="radio" value="2" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left">No</label><br></br>

    <label for="Prorrateo">Tipo Prorráteo:</label>
    <input name="Prorrateo" type="radio" value="Area" style="width:auto;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left">Área</label>
    <input name="Prorrateo" type="radio" value="Persona" style="width:50px;" class="text ui-widget-content ui-corner-all"/><label style="width:10px; text-align:left">Persona</label><br></br>

    <%--<label for="Banco">Banco:</label>
    <select id="Banco" class="text ui-widget-content ui-corner-all"></select><br></br>--%>

    <%--<label for="Cuenta">Cuenta:</label>
    <input type="text" id="Cuenta" class="text ui-widget-content ui-corner-all" maxlength="18"/><br></br>--%>

    <div align="center">
        <input type="submit" id = "botonBuscarEdif" value="Buscar" class="submit-button" style="margin-left:auto;"/>
        <input type="submit" onclick="refrescar()" id = "botonLimpiarEdif" value="Limpiar" class="submit-button" style="margin-right:auto;"/>
    </div><br></br>
   
    <div id = "tablaDinamicaEdificio" align="center"></div>
    <div class="holder" id="holderEdificio" align="center"></div>
</div>

<div id="proveedorModal" title="BUSCAR PROVEEDOR">
    <p class="validateTips">Por favor ingrese los campos que usted cree necesarios.</p>

    <label for="RazonSocialProv">Razón Social:</label>
    <input type="text" id="RazonSocialProv" class="text ui-widget-content ui-corner-all"/>
    <br></br>
                               
    <label for="DepartamentoProv">Departamento:</label>
    <select id="DepartamentoProv" onchange="cargarProvinciasProv()" class="text ui-widget-content ui-corner-all"></select><br></br>

    <label for="ProvinciaProv" >Provincia:</label>
    <select id="ProvinciaProv" onchange="cargarDistritosProv()" class="text ui-widget-content ui-corner-all"></select><br></br>

    <label for="DistritoProv">Distrito:</label>
    <select id="DistritoProv" class="text ui-widget-content ui-corner-all"></select><br></br>

    <div align="center">
        <input type="submit" id = "botonBuscarProv" value="Buscar" class="submit-button"/>
        <input type="submit" id = "botonLimpiarProv" value="Limpiar" class="submit-button" onclick="refrescarProv()"/>
    </div><br></br>

    <div id = "tablaDinamicaProveedor" align="center"></div>
    <div class="holder" id="holderProveedor" align="center"></div>
</div>


</asp:Content>
    